<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
		<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
		<!-- 图标 -->
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/cart.css">
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		
		<script src="js/view/cart.js" type="text/javascript" ></script>
		<script>$.mobile.ajaxEnabled = false;</script>
		<title>19.购物车</title>
	</head>
	<body>
		<header class="header">
			<span class="headerTitle">购物车</span>
			<span class="headerRight cart-operation edit">编辑</span>
		</header>
		<main class="main">
			<div class="cart-block">
				<div class="checkbox-wrap">
					<img src="img/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox mycheckbox" />
				</div>
				
				<img src="img/product/box.jpg" class="cart-goods-img">
				<div class="cart-goods-info">
					<p class="cart-goods-name">收纳盒</p>
					<p class="cart-goods-sku">3个</p>
					<div class="price-wrap">
						<span>￥<span class="price">9.9</span></span>
						<div class="num-wrap">
							<img src="img/sub.png" class="sub">
							<input type="number" name="" id="num-input" class="num-input" value="1" readonly />
							<img src="img/add.png" class="add">
						</div>
					</div>
				</div>
			</div>
			<div class="cart-block">
				<div class="checkbox-wrap">
					<img src="img/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox mycheckbox" />
				</div>
				<img src="img/p_detail/ipad2.jpg" class="cart-goods-img">
				<div class="cart-goods-info">
					<p class="cart-goods-name">2018 iPad Pro</p>
					<p class="cart-goods-sku">256GB</p>
					<div class="price-wrap">
						<span>￥<span class="price">4000</span></span>
						<div class="num-wrap">
							<img src="img/sub.png" class="sub">
							<input type="number" name="" id="num-input" class="num-input" value="1" readonly />
							<img src="img/add.png" class="add">
						</div>
					</div>
				</div>
			</div>
		</main>
		<!-- 	<div style="height: 0.5rem;"></div> -->
		<div class="total-wrap">
			<div class="total-left">
				<div class="checkbox-wrap">
					<img src="img/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox allselect" />
				</div>
				<span>全选</span>
			</div>
			<div class="total-right settlement">
				<p>合计:<span class="symbol">￥</span><span class="integer">0</span><span class="point"></span></p>
				<button type="button" class="total-btn"><a href="c_Paying.html">去结算</a>(<span class="checkedLen">0</span>)</button>
			</div>

			<div class="total-right delete-btn">
				<button type="button" class="total-btn">删除(<span class="checkedLen">0</span>)</button>
			</div>
		</div>

		<footer style = "display: block;" data-role="footer" class="footer" data-position="fixed" id="footerbg">
			<div data-role="navbar">
				<ul>
					<li><a href="index.html" id="menua" data-ajax="false">
							<i class="fa fa-home fa-2x"></i><br><span>首页</span></a>
					</li>
					<li><a href="c_activity.html" id="menua" data-ajax="false">
							<i class="fa fa-street-view fa-2x"></i><br><span>动态</span></a>
					</li>
					<li><a href="s_shopping_cart.html" id="selectmenu" data-ajax="false">
							<i class="fa fa-shopping-cart fa-2x"></i><br><span>收藏</span></a>
					</li>
					<li><a href="c_message.html" id="menua" data-ajax="false">
							<i class="fa fa-comments-o fa-2x"></i><br><span>信息</span></a>
					</li>
					<li><a href="c_SellerManue.html" id="menua" data-ajax="false">
							<i class="fa fa-user-circle fa-2x"></i><br><span>卖家</span></a>
					</li>
				</ul>
			</div>
		</footer>

	</body>
</html>
